function validate () { 
  Vue.directive( 'valid', ( el, binds ) => {
    // 获取修饰符中的变量值
    const modifiers = binds.modifiers

    // 是否是判断字符串长度的
    if ( modifiers.len ) {
      // 字符串长度限制
      let len = binds.value.len || 6
      if ( el.value.length > len ) {
        binds.value.fn()
        el.style.color = 'red'
      } else {
        el.style.color = ''
      }
    }

    //年龄是否合法
    // if(modifiers.age){
    //   let preg=/^((1[0-5])|[1-9])?\d$/
    //   if(!preg.test(el.age)){
    //     el.style.color='red'
    //   }else{
    //     el.style.color=''
    //   }
    // }

    // 手机号码是否合法
    if ( modifiers.phone ) {
      let preg = /^1[3-9]\d{9}$/
      if ( !preg.test( el.value ) ) {
        el.style.color = 'red'
      } else {
        el.style.color = ''
      }
    }

    //邮箱是否合法
    if ( modifiers.email ) {
      let preg = /^[a-zA-Z0-9]+([-_.][a-zA-Z0-9]+)*@[a-zA-Z0-9]+([-_.][a-zA-Z0-9]+)*\.[a-z]{2,}$/
      if ( !preg.test( el.value ) ) {
        el.style.color = 'red'
      } else {
        el.style.color = ''
      }
    }

  } )
}
